<?php if (!defined('THINK_PATH')) exit();?>
<!DOCTYPE html>
<html>
    <head>
        <title>是什么店？You will get a big surprise!!!</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="keywords" content="surprise" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta property="wb:webmaster" content="80f3334b7ad165cc" />
        <script type="text/javascript" src="/shishenme/Public/js/jquery-1.8.1.min.js"></script>
        <script type="text/javascript" src="/shishenme/Public/js/layer/layer.min.js"></script>
        <!--
        <script type="text/javascript" src="/shishenme/Public/js/html5shiv.js"></script>
        <script type="text/javascript" src="/shishenme/Public/js/layer/html5shiv-printshiv.js"></script>
        -->
        <link rel="stylesheet" type="text/css" href="/shishenme/Public/css/style.css" />
        <link rel="stylesheet" type="text/css" href="/shishenme/Public/css/button.css" />
        <link rel="stylesheet" type="text/css" href="/shishenme/Public/css/table.css" />

        <!--
        <style type="text/css">
            input,select,textarea
            {
                background-color:#EBFFFF;
            }
        </style>
        -->
        <!--
        <style type="text/css">
            
            input,select,textarea{
                border-radius:6px;
                border:1px solid #909090;
                -webkit-transition: box-shadow 0.30s ease-in-out;   //只让box-shadow属性做过渡效果！
                -moz-transition:  box-shadow 0.30s ease-in-out;      //firefox
            }
            input :focus{
                outline:none;
                border:#87C6F9 1px solid;
                box-shadow: 0 0 8px rgba(103, 166, 217, 1);
            }
            
        </style>
-->

        <script type="text/javascript">
            /*
             $(function() {
             
             //alert("load");
             $("#login-link").click(function() {
             //layer.alert(window.document.location.pathname);
             $.layer({
             type: 2,
             shade: [0],
             fix: false,
             title: '用户登录',
             maxmin: true,
             iframe: {src: '/shishenme/login.html'},
             area: ['320px', '220px'],
             close: function(index) {
             //layer.msg('您获得了子窗口标记：' + layer.getChildFrame('#username', index).val(), 3, 1);
             //alert(layer.getChildFrame('#username', index).val());;
             }
             });
             });
             
             $("#register-link").click(function() {
             //layer.alert(window.document.location.pathname);
             
             $.layer({
             type: 2,
             shade: [0],
             fix: false,
             title: '用户登录',
             maxmin: true,
             iframe: {src: '/shishenme/register.html'},
             area: ['500px', '300px'],
             close: function(index) {
             //layer.msg('您获得了子窗口标记：' + layer.getChildFrame('#username', index).val(), 3, 1);
             //alert(layer.getChildFrame('#username', index).val());;
             }
             });
             
             });
             });
             */
        </script>
    </head>
    <body>
        <div id="header">
            <div id="logo">
                logo
            </div>
            <div id="login-btn">
                  <a href="/shishenme/index.php/Home/Admin/login/" id="admin-link">管理</a>
                <!--
              
                <a href="#" id="register-link">register</a>
                -->
                <!--
                <a href="#" id="login-link"><img height="61" width="188" src="/shishenme/Public/images/login-1.png"  alt="See what your surprise will be !" /></a>
                <a href="#" id="register-link"><img height="61" width="188" src="/shishenme/Public/images/register-1.png"  alt="See what your surprise will be !" /></a>
                -->
            </div>
            <div id="menu">
                <!--
               <hr style="border:0;background-color:#34B558;height:2px;"/>
                -->
                <div id="menu-item">
                    <a href="/shishenme/index.php/Home/Order/index/"><img id="menu-item-order" src="/shishenme/Public/images/menu-item-black.png"  alt="See what your surprise will be !" /></a>
                    <p>订单</p>
                </div>
                <div id="menu-item">
                    <a href="/shishenme/index.php/Home/Faq/index/"><img id="menu-item-faq" src="/shishenme/Public/images/menu-item-black.png"  alt="See what your surprise will be !" /></a>
                    <p>问答</p>
                </div>
                <div id="menu-item">
                    <a href="/shishenme/index.php/Home/Contact/index/"><img id="menu-item-contact" src="/shishenme/Public/images/menu-item-black.png"  alt="See what your surprise will be !" /></a>
                    <p>关于</p>
                </div>
                <div id="menu-item">
                    <a href="/shishenme/index.php/Home/Index/index/"><img id="menu-item-index" src="/shishenme/Public/images/menu-item-black.png"  alt="See what your surprise will be !" /></a>
                    <p>首页</p>
                </div>
            </div>

        </div>
<div id="main">
    <div style="width:1010px; height:660px; padding:10px; border:1px solid #ccc; background-color:#eee;margin-left: auto;margin-right: auto;">
        <div style="width:970px; height:8px; line-height: 8px;padding:20px; border:1px solid #ccc; background-color:#eee;float:left;margin-left: 8px;margin-bottom: 2px;clear: both;">
            填写订单信息
        </div>
        <div style="width:305px; height:500px; padding:10px; border:1px solid #ccc; background-color:#eee;float:left;margin-left: 8px;clear: none;">
            <p>发件人信息</p>
            <table class="dataintable">
                <tr>
                    <th>姓名</th>
                    <td><input type="text"/></td>
                </tr>
                <tr>
                    <th>电话</th>
                    <td><input type="text"/></td>
                </tr>
                <tr>
                    <th>省份</th>
                    <td>
                        <!--http://shamrock.blog.51cto.com/2079212/1564779-->
                        <!--<input type="text" style="height:24px;width:150px;font-size:15px;"/>-->
                        <select id="province1" name="province1">
                            <option value="">请选择...</option>
                            <option value="110000">北京市</option>
                            <option value="120000">天津市</option>
                            <option value="130000">河北省</option>
                            <option value="140000">山西省</option>
                            <option value="150000">内蒙古自治区</option>
                            <option value="210000">辽宁省</option>
                            <option value="220000">吉林省</option>
                            <option value="230000">黑龙江省</option>
                            <option value="310000">上海市</option>
                            <option value="320000">江苏省</option>
                            <option value="330000">浙江省</option>
                            <option value="340000">安徽省</option>
                            <option value="350000">福建省</option>
                            <option value="360000">江西省</option>
                            <option value="370000">山东省</option>
                            <option value="410000">河南省</option>
                            <option value="420000">湖北省</option>
                            <option value="430000">湖南省</option>
                            <option value="440000">广东省</option>
                            <option value="450000">广西壮族自治区</option>
                            <option value="460000">海南省</option>
                            <option value="500000">重庆市</option>
                            <option value="510000">四川省</option>
                            <option value="520000">贵州省</option>
                            <option value="530000">云南省</option>
                            <option value="540000">西藏自治区</option>
                            <option value="610000">陕西省</option>
                            <option value="620000">甘肃省</option>
                            <option value="630000">青海省</option>
                            <option value="640000">宁夏回族自治区</option>
                            <option value="650000">新疆维吾尔自治区</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <th>市</th>
                    <td>
                        <!--<input type="text" style="height:24px;width:150px;font-size:15px;"/>-->
                        <select id="city1" name="city1">
                            <option value="">请选择...</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <th>县/区</th>
                    <td>
                        <!--<input type="text" style="height:24px;width:150px;font-size:15px;"/>-->
                        <select id="county1" name="county1">
                            <option value="">请选择...</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <th>详细地址</th>
                    <td>
                        <!--<input type="text" style="height:24px;width:150px;font-size:15px;"/>-->
                        <textarea name="detail_address"> </textarea>
                    </td>
                </tr>
                <tr>
                    <th>备注</th>
                    <td>
                        <!--<input type="text" style="height:24px;width:150px;font-size:15px;"/>-->
                        <textarea name="post_scripts"> </textarea>
                    </td>
                </tr>
            </table>
        </div>
        <div style="width:305px; height:500px; padding:10px; border:1px solid #ccc; background-color:#eee;float:left;margin-left: 8px;clear: none;">
            <p>收件人信息</p>
            <table class="dataintable">
                <tr>
                    <th>姓名</th>
                    <td><input type="text"/></td>
                </tr>
                <tr>
                    <th>电话</th>
                    <td><input type="text"/></td>
                </tr>
                <tr>
                    <th>省份</th>
                    <td>
                        <!--http://shamrock.blog.51cto.com/2079212/1564779-->
                        <!--<input type="text" style="height:24px;width:150px;font-size:15px;"/>-->
                        <select id="province2" name="province2">
                            <option value="">请选择...</option>
                            <option value="110000">北京市</option>
                            <option value="120000">天津市</option>
                            <option value="130000">河北省</option>
                            <option value="140000">山西省</option>
                            <option value="150000">内蒙古自治区</option>
                            <option value="210000">辽宁省</option>
                            <option value="220000">吉林省</option>
                            <option value="230000">黑龙江省</option>
                            <option value="310000">上海市</option>
                            <option value="320000">江苏省</option>
                            <option value="330000">浙江省</option>
                            <option value="340000">安徽省</option>
                            <option value="350000">福建省</option>
                            <option value="360000">江西省</option>
                            <option value="370000">山东省</option>
                            <option value="410000">河南省</option>
                            <option value="420000">湖北省</option>
                            <option value="430000">湖南省</option>
                            <option value="440000">广东省</option>
                            <option value="450000">广西壮族自治区</option>
                            <option value="460000">海南省</option>
                            <option value="500000">重庆市</option>
                            <option value="510000">四川省</option>
                            <option value="520000">贵州省</option>
                            <option value="530000">云南省</option>
                            <option value="540000">西藏自治区</option>
                            <option value="610000">陕西省</option>
                            <option value="620000">甘肃省</option>
                            <option value="630000">青海省</option>
                            <option value="640000">宁夏回族自治区</option>
                            <option value="650000">新疆维吾尔自治区</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <th>市</th>
                    <td>
                        <!--<input type="text" style="height:24px;width:150px;font-size:15px;"/>-->
                        <select id="city2" name="city2">
                            <option value="">请选择...</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <th>县/区</th>
                    <td>
                        <!--<input type="text" style="height:24px;width:150px;font-size:15px;"/>-->
                        <select id="county2" name="county2">
                            <option value="">请选择...</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <th>详细地址</th>
                    <td>
                        <!--<input type="text" style="height:24px;width:150px;font-size:15px;"/>-->
                        <textarea name="detail_address2"> </textarea>
                    </td>
                </tr>
                <tr>
                    <th>备注</th>
                    <td>
                        <!--<input type="text" style="height:24px;width:150px;font-size:15px;"/>-->
                        <textarea name="post_scripts2"> </textarea>
                    </td>
                </tr>
            </table>
        </div>
        <div style="width:310px; height:500px; padding:10px; border:1px solid #ccc; background-color:#eee;float:left;margin-left: 8px;clear: none;">
            <p>关于收件人</p>
            <!--<input type="text" style="height:24px;width:200px;font-size:15px;"/>-->
            <table class="dataintable">
                <tr>
                    <th>性别</th>
                    <td><input type="text"/></td>
                </tr>
                <tr>
                    <th>年龄</th>
                    <td><input type="text"/></td>
                </tr>
            </table>
        </div>
        <!--
                <div style="width:850px; height:18px; padding:20px; border:1px solid #ccc; background-color:#eee;float:left;margin-left: 8px;margin-top: 2px;margin-bottom: 15px;">
                <button id="pagebtn" class="btns" onclick="">tijiao</button>
                </div>
        -->
        <div style="width:1010px; height:60px; margin-top: 10px;padding-top: 10px;border:0px solid #ccc;clear: both;">
            <!--<input class="button blue" id="submit-pic" type="button" value="去付款" />-->
            <button class="button blue" id="submit-pic">去付款</button>
        </div>
    </div>

</div>
      <div id="footer">
            Copyright@ 宜昌德诺信息科技有限公司 鄂ICP备15005450号 版权所有
        </div>

    </body>
</html>

<link rel="stylesheet" type="text/css" href="/shishenme/Public/css/style.css" />
<link rel="stylesheet" type="text/css" href="/shishenme/Public/css/button.css" />
<link rel="stylesheet" type="text/css" href="/shishenme/Public/css/table.css" />
<script type="text/javascript">
    $(function() {
        $("#menu-item-order").attr("src", "/shishenme/Public/images/menu-item-blue.png");
        
        $(":input").focus(function() {
            $(this).css({background: "#C2EBFF", border: "1px solid #600", });
        }).blur(function() {
            $(this).css({background: "#CCC", border: "1px solid #000"});
        });

        $("#province1").change(function() {
            $("#city1").empty();
            $("#county1").empty();
            //alert($("#province1").find("option:selected").text()); //北京市
            //alert($("#province1").find("option:selected").val());//110000
            var args = {"province_id": $("#province1").find("option:selected").val()};
            $.ajax({
                type: "POST",
                url: '/shishenme/index.php/Home/Address/getCity',
                dataType: "json",
                data: args,
                success: function(msg) {
                    $("#city1").empty();
                    $("#city1").append('<option value="">请选择...</option>');
                    for (var i = 0; i < msg.length; i++) {
                        $("#city1").append("<option value='" + msg[i].area_id + "'>" + msg[i].area_name + "</option>");
                    }
                }
            });
        });

        $("#city1").change(function() {
            var args = {"province_id": $("#city1").find("option:selected").val()};
            $.ajax({
                type: "POST",
                url: '/shishenme/index.php/Home/Address/getCity',
                dataType: "json",
                data: args,
                success: function(msg) {
                    $("#county1").empty();
                    for (var i = 0; i < msg.length; i++) {
                        $("#county1").append("<option value='" + msg[i].area_id + "'>" + msg[i].area_name + "</option>");
                    }
                }
            });
        });

        $("#province2").change(function() {
            $("#city2").empty();
            $("#county2").empty();
            //alert($("#province1").find("option:selected").text()); //北京市
            //alert($("#province1").find("option:selected").val());//110000
            var args = {"province_id": $("#province2").find("option:selected").val()};
            $.ajax({
                type: "POST",
                url: '/shishenme/index.php/Home/Address/getCity',
                //url: '../index.php?m=Address&a=getCity',
                dataType: "json",
                data: args,
                success: function(msg) {
                    $("#city2").empty();
                    $("#city2").append('<option value="">请选择...</option>');
                    for (var i = 0; i < msg.length; i++) {
                        $("#city2").append("<option value='" + msg[i].area_id + "'>" + msg[i].area_name + "</option>");
                    }
                }
            });
        });

        $("#city2").change(function() {
            var args = {"province_id": $("#city2").find("option:selected").val()};
            $.ajax({
                type: "POST",
               url: '/shishenme/index.php/Home/Address/getCity',
                //url: '../index.php?m=Address&a=getCity',
                dataType: "json",
                data: args,
                success: function(msg) {
                    $("#county2").empty();
                    for (var i = 0; i < msg.length; i++) {
                        $("#county2").append("<option value='" + msg[i].area_id + "'>" + msg[i].area_name + "</option>");
                    }
                }
            });
        });
    });
</script>